<%--
  Created by IntelliJ IDEA.
  User: wong
  Date: 2019-10-10
  Time: 00:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML>
<html>
<head>
    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
    <script type="text/javascript" src="js/jquery.easing.js"></script>
    <script type="text/javascript" src="js/jquery.accordion.js"></script>

    <script type="text/javascript">
        $(function(){
            $('#navigation').accordion({
                active:1,   /* 第三个被激活 */
                header: '.head',
                /*navigation1: false,  */
                event: 'click',
                fillSpace: true,
                animated: 'bounceslide'   /*slide,bounceslide ,bounceslide,easeslide'*/
            });
        });
    </script>
    <link rel="stylesheet" type="text/css" href="css/menu.css">

</head>
<body>
<ul id="navigation">
    <c:forEach items="${sessionScope.menus}" var="menu">
    <li>

        <a class="head">${menu.menuName}</a>
        <ul>
            <li>
                <c:forEach items="${menu.children}" var="menuTwo">
                <a href="${menuTwo.url}" target="${menuTwo.target}"><img src="images/${menuTwo.icon}" /><label>${menuTwo.menuName}</label></a>
                </c:forEach>
            </li>
        </ul>
    </li>
    </c:forEach>

    <li> <a class="head">网站前台</a>
        <ul>
            <li><a href="http://localhost:8080/shop" target="_blank"><img src="images/main_50.gif" /><label>网站前台</label></a></li>
        </ul>
    </li>
</ul>

</body>
</html>
